<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>知识库-话题详情</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
</head>

<body id="app">
    <!-- 头部 -->
    <header v-show="!showModal" class="header">
        <!--<a href="javascript:;" title="返回" class="icon back" @click="back();"></a>-->
        <back toback="true"></back>
        <h1>话题详情</h1>
        <a href="javascript:void(0);" title="分享" class="icon shareIcon" @click="share({shareId:info.id,shareTit:info.title},$event);"></a>
        <a href="javascript:void(0);" title="分类" class="icon flIcon" @click="add();"></a>
    </header>

    <!-- 话题详情 -->
    <section v-show="!showModal" class="padT23 padB23" v-cloak>
        <div class="marTB24 pad24 borderB bgff quesCont">
            <h3 class="font26 color21">{{info.title}} </h3>
            <a href="javascript:void(0);" class="db font18 colorB tips"><em>企业管理</em><em>品牌管理</em></a>
            <div class="clearfix padT24 marT12 borderT">
                <img :src=info.headPic class="fl borderRadius wh45">
                <span class="db fl font20 color72 name">{{info.author}}<em class="colorB">({{info.level}})</em></span>
                <span class="fr marL24 font20 line95 colorB">楼主</span>
                <span class="fr font20 line95 colorb6">{{info.date}}</span>
            </div>
            <div class="circleCont font26">
                <!-- <span class="db marT24 font24 color21">As parents, we often worry about what our children are getting excited about. We hope we can guide them to “bond” with healthy things like a love of learning, of family and of </span>
				<img src="images/test/pic-2.png" class="mainImg" />
				<span class="db marT24 font24 color21">As parents, we often worry about what our children are getting excited about. We hope we can guide them to “bond” with healthy things like a love of learning, of family and of </span>
				<img src="images/test/pic-2.png" class="mainImg" /> -->
                <!--{{ info.content | delhtml }}-->
                {{{ info.content }}}

                <!--<img v-bind:src="item" class="mainImg" v-for='(index, item) in info.contentPicture' track-by="$index" />-->
            </div>
            <div class="clearfix marT12">
                <span class="fl zdIcon" v-show='info.isTop==1'></span>
                <!-- 带精字图标的话题 -->
                <span class="fl jIcon" v-show='info.isEssence==1'></span>
                <a href="javascript:void(0);" class="fr comIcon">{{info.commentCount}}</a>
                <span class="fr view">{{info.readCount}}</span>
                <!-- 如果是已点赞的，则有class="on" -->
                <span id="likespan" @click="addLike()" class="fr likeIcon" :class='{"on":info.isLike==1}'>{{info.likeCount}}</span>
            </div>
        </div>

        <div class="pad24 marB24 borderB bgff quesCont" v-for="info in data">
            <a href="javascript:void(0);" class="db">
                <div class="clearfix padT24 marT12">
                    <img v-bind:src=info.headPic class="fl borderRadius wh45">
                    <span class="db fl font20 color72 name">{{info.userName}}<em class="colorB">({{info.level}})</em></span>
                    <span class="fr font20 line95 colorb6">{{info.commentDate}}</span>
                </div>

                <div class="pad24 marTB24 bgf4" v-show='!info.replyUser==""'>
                    <p class="font18 color21">回复“<span class="colorB">{{info.replyUser}}</span>”的帖子</p>
                    <p class="font18 color21">{{{info.replyComment}}}</p>
                </div>

                <span class="db marT24 font24 color21">{{{info.comment}}} </span>
                <!--<img v-bind:src="item" class="mainImg" v-for='(index, item) in info.commentPicture' track-by="$index" />-->
                <!--<img v-bind:src="item" class="mainImg" v-for='(index, item) in info.comment | imageurls' track-by="$index" />-->
            </a>
            <div class="clearfix marT12">
                <a href="javascript:void(0);" @click="addComment(info.commentID)" class="fr comIcon">{{info.replyCount}}</a>
            </div>

        </div>
        <span class="loading-more">加载更多...</span>
        <!-- 		<div class="pad24 marB24 borderB bgff quesCont">
			<a href="chatView.html" class="db">
				<div class="clearfix padT24 marT12">
					<img src="images/test/tx.jpg" class="fl borderRadius wh45">
					<span class="db fl font20 color72 name">testName<em class="colorB">(LV5)</em></span>
					<span class="fr font20 line95 colorb6">2分钟前</span>
				</div>
				<span class="db marT24 font24 color21">As parents, we often worry about what our children are getting excited about. We hope we can guide them to “bond” with healthy things like a love of learning, of family and of </span>
				<img src="images/test/pic-2.png" class="mainImg" />
			</a>
			<div class="clearfix marT12">
				<a href="javascript:void(0);" class="fr comIcon">234</a>
			</div>
		</div>
		<div class="pad24 marB24 borderB bgff quesCont">
			<a href="chatView.html" class="db">
				<div class="clearfix padT24 marT12">
					<img src="images/test/tx.jpg" class="fl borderRadius wh45">
					<span class="db fl font20 color72 name">testName<em class="colorB">(LV5)</em></span>
					<span class="fr font20 line95 colorB">2分钟前</span>
				</div>
				<span class="db marT24 font24 color21">As parents, we often worry about what our children are getting excited about. We hope we can guide them to “bond” with healthy things like a love of learning, of family and of </span>
			</a>
			<div class="clearfix marT12">
				<a href="javascript:void(0);" class="fr comIcon">234</a>
			</div>
		</div>
		<div class="pad24 marB24 borderB bgff quesCont">
			<div class="clearfix">
				<img src="images/test/tx.jpg" class="fl borderRadius wh45">
				<span class="db fl font20 color72 name">testName<em class="colorB">(LV5)</em></span>
				<span class="fr font20 line95 colorb6">2分钟前</span>
			</div>
			<div class="pad24 marTB24 bgf4">
				<p class="font18 color21">回复“<span class="colorB">testName</span>”的帖子</p>
				<p class="font18 color21">Asperger S Syndrome Is There Real Cure For It</p>
			</div>
			<span class="db font18 color21">Asperger S Syndrome Is There Real Cure For It</span>
			<div class="clearfix marT12">
				<a href="javascript:void(0);" class="fr comIcon">234</a>
			</div>
		</div> -->
        <!-- 		<div class="pad24 marB24 borderB bgff quesCont">
			<div class="clearfix">
				<img src="images/test/tx.jpg" class="fl borderRadius wh45">
				<span class="db fl font20 color72 name">testName<em class="colorB">(LV5)</em></span>
				<span class="fr font20 line95 colorb6">2分钟前</span>
			</div>
			<div class="pad24 marTB24 bgf4">
				<p class="font18 color21">回复“<span class="colorB">testName</span>”的帖子</p>
				<p class="font18 color21">Asperger S Syndrome Is There Real Cure For It</p>
			</div>
			<span class="db font18 color21">Asperger S Syndrome Is There Real Cure For It</span>
		</div> -->

        <a href="javascript:;" @click="circleAddComment(info.id);" class="btnB375">我要聊</a>
    </section>

    <!-- 更多 -->
    <template v-if="addShow==true" v-cloak>
	    <div class="cateBoxBg" @click="add();"></div>
	    <ul class="cateBox">
	    	<li><a href="javascript:void(0);" @click="Collection();return false;">{{isCollection==1?'取消收藏':'收藏'}}</a></li>
	    	<li><a href="javascript:void(0);" @click="addFollow();return false;">{{isFollow==1?'取消关注':'关注'}}</a></li>
            <li v-if="info.authorID.length>0"><a href="javascript:void(0);" @click="toHisPage(info.authorID)">查看他的主页</a></li>
	    </ul>
    </template>

    <share :show.sync="showModal"></share>
    <!-- template for the modal component -->
    <script type="x/template" id="share-template">
        <!-- 头部 -->
        <header class="header" v-show="show">
            <a href="javascript:;" title="返回" class="icon back" @click="cancel();"></a>
            <div class="clearfix search-box searchBigBox">
                <input type="button" class="fl search-btn" @click="search();">
                <input type="text" id="searchword" class="search-txt" placeholder="搜索" value="" maxlength="30" v-model="query">
            </div>
            <a href="javascript:void(0);" title="确认" @click='ok();' class="text">确认</a>
        </header>

        <!-- 通讯录 -->
        <section class="padT23 addrBook" v-show="show">
            <div v-for="info in users">
                <span class="db pad24 font18 color72">{{info.type}}</span>
                <ul id='uluser' class="padLR24 bgff">
                    <!-- 选中则加上 class="on" -->
                    <li dataID='{{info.uid}}' class="padTB24 font24 color21 borderB" @click="checked($event);" v-for="info in info.userList | filterBy query in 'uname'">
                        {{info.uname }}
                    </li>
                </ul>
            </div>

        </section>
    </script>

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>

    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script type="text/javascript" src="js/scrollbar.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/circleDetail.js"></script>

</body>

</html>